<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="swagswag.js"></script>
</head>
<body>
   <label for="username">UserName:</label>
   <br>
   <input 
        id="username"
        name="oauth_username"
        value="admin"
    />
    <hr>
    <label for="password">Password:</label>
    <br>
   <input 
        id="password"
        name="oauth_password"
        value="password"
    />
    <br>
    <hr>
<label for="password_type">Type:</label>
<br>

    <selection>
        <select  id="password_type">
            <option value="request-body">Request body</option>
            <option value="basic">Basic auth</option>
            <option value="query">Query parameters</option>
        </select>
    </selection>
    <br>
        <hr>
        <label for="client_secret">client_secret:</label>
        <br>
        <input 
             id="client_secret"
             name="client_secret"
             value="password"
         />
         <hr>
         <label for="client_id">client_id:</label>
         <br>
        <input 
             id="client_id"
             name="client_id"
             value="EvaluationClientId"
         />
         <br>
         <hr>


<img id="onoff" >
<button>Save</button>
</body>
<script src="popup.js">

</script>
</html>